<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>子代选择器</title>
</head>
<style>
    /*大于号就是子代意思，子代就是指孩子,全部的孩子，但是深处的孩子不包含，后代包含了深处得孩子,也可以用类选择器*/
    div > a {
        color: red;
    }

    div > p > a {
        color: blue;
    }
    div.foot>a{
        color: chocolate;
    }
</style>
<body>
<div>
    <a href="#">张三</a>
    <a href="#">李四</a>
    <a href="#">王五</a>
    <p>
        <a href="#">赵六</a>
    <div class="foot"><a href="#">赵七</a></div>

    </p>
</div>
</body>
</html>